@charset "utf-8";
/* CSS Document */

/* =========全局样式======= */
html{
    overflow-x:hidden;
}
html, body, div, p, a, ol, ul, li, dl, dt, dd, h1, h2, h3, h4,h5,h6,img, object, embed, span, form, marquee{margin:0;padding:0;}
body{font-size:12px;font-family:微软雅黑,宋体,Arial, Helvetica, sans-serif;color:#333; line-height:1.7;}
ol, ul, li, dl, dt, dd{list-style:none;}
img{border:none;}
p{text-justify:inter-ideograph;}
/*table{border:0px;border-collapse:collapse;border-spacing:0px;}*/
em,i{ font-style:normal;}
a {text-decoration:none;color:#333;transition:all 0.3s;}
/*a:link,a:visited{}*/
a:hover {color:#00a1ff;text-decoration: none;}


img{
    max-width: 100%;
    height:auto;
}

/* =========基本样式======= */

h1{font-size:30px;font-weight:700;}
h2{font-size:24px;font-weight:700;}
h3{font-size:18px;font-weight: bold;}
h4{font-size:16px;font-weight:normal;}
h5{font-size:14px;}
h6{font-size:12px;font-weight:normal;}


/*=======内容区域==========*/
.w{width:1200px; margin:0 auto;}
.wrapper{width:1080px; margin:0 auto;}
.i-w{width:1050px;margin:0 auto;}

/*======浮动=====*/
.left{float:left;}
.right{float:right;}

/*======清除浮动=====*/
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

/*
    文字超出用省略号...
*/
.text-overflow{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}


/*======通用样式=====*/
.p10{padding:10px;}
.p20{padding:20px;}
.p30{padding:30px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}


.ptb10{padding:10px 0;}
.ptb20{padding:20px 0;}
.ptb30{padding:30px 0;}
.ptb40{padding:40px 0;}
.ptb50{padding:50px 0;}
.ptb80{padding:80px 0;}

.m10{margin:10px;}
.m20{margin:20px;}
.m30{margin:30px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

.mtb10{margin:10px 0;}
.mtb20{margin:20px 0;}
.mtb30{margin:30px 0;}
.mtb40{margin:40px 0;}
.mtb50{margin:50px 0;}

.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.text-uppercase {text-transform:uppercase;}

.bgcfff{background-color:#fff;}
.bgceee{background-color:#eee;}
.bgcddd{background-color:#ddd;}
.bgc333{background-color:#333;color:#fff;}
.bgc000{background-color:#000;color:#fff;}

.rounded3{border-radius:3px;}
.rounded5{border-radius:5px;}
.rounded10{border-radius:10px;}



/*======图片放大=====*/

li.img-list{
    float: left;
}
li.img-list .img{
    overflow: hidden;
}
li.img-list .img img{
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    width:100%;
    height:100%;
}
li.img-list:hover .img img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

/*
    更多按钮 通用样式01
*/
.more1{
    margin:50px 0 0 0;
    position: relative;
    transition: all 0.5s;
    display: inline-block;
}
.more1 span{
    display: inline-block;
    padding:14px 30px;
    background: #f9520b;
    border-radius: 25px;
    font-size: 14px;
    color: #fff;
    line-height:1;
}
.more1:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: rgba(255,255,255,0.2);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.5, 1);
    transform: scale(0.5, 1);
    box-sizing: content-box;
    border-radius: 25px;
}
.more1:hover:before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

/*
    更多按钮 通用样式02
*/
.more2{
    text-align: center;
}
.more2 a{
    background: #00a1ff;
    display: inline-block;
    color:#fff;
    padding:14px 30px;
    font-size: 14px;
    line-height:1;
    position: relative;
    transition: .3s;
    text-transform: uppercase;
    border-radius: 3px;

}

.more2:hover a{
    background: #0082cc;
}